<template>
	<view class="footer">
		<view class="ul">
			<view class="li" @click="tabClick(1)">首页</view>
			<view class="li" @click="tabClick(2)">会员</view>
			<view class="li" @click="tabClick(3)">购物车</view>
			<view class="li"><button @click="tabClick(4)">我的</button></view>
		</view>
		<view class="share">
			<text>分享</text>
		</view>
	</view>
</template>

<script>
	import { checkLogin } from '../util/util.js'
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			tabClick(i){
				if(i == 1){
					uni.redirectTo({
							url: '/pages/index/index/index'
					});
				}
				if(i== 2){
					uni.redirectTo({
							url: '/pages/member/member/member'
					});
				}
				if(i==3){
					uni.redirectTo({
						url: '/pages/cart/cart'
					})
				}
				if(i == 4){
					uni.redirectTo({
						url: '/pages/my/my/my'
					});
				}
			}
		}
	}
</script>

<style>
	.footer {
		width: 690upx;
		height: 100upx;
		position: fixed;
		bottom: 50upx;
		color: #fff;
		z-index: 99;
		font-size: 26upx;
		left: 30upx;
	}
	.footer .ul {
		width: 552upx;
		height: 100upx;
		background-color: #4C4C4C;
		box-shadow:0px 9px 8px 0px #CCCCCC;
		float: left;
		display: flex;
		border-radius: 6upx;
	}
	.footer .ul .li {
		flex: 1;
		line-height: 100upx;
		text-align: center;
		color: #B6B6B6;
	}
	.footer .ul .li.select {
		color: #fff;
		font-size: 26upx;
	}
	.footer .share {
		width:100upx;
		height:100upx;
		background-color: #4C4C4C;
		box-shadow:0px 9px 8px 0px #CCCCCC;
		border-radius: 100upx;
		float: right;
		line-height: 100upx;
		text-align: center;
	}
	button {
		background-color: #4C4C4C;
		height: 100upx;
		font-size: 26upx;
		color: #B6B6B6;
		border: none;
		line-height: 100upx;
	}
</style>
